
/*
学习目标:**class语法总结：**
1. 作用: 创建对象，等同于构造函数。
2. 类与对象：
   1. 是指一类事物，比如程序员，指的是一类群体。
   2. 对象是指具体的事物。前端开发，是程序员这类人中的一种。后台开发，也是程序员的一种。
   3. 举例，使用FrontEnd与BackEnd，继承Programmaer。
3. 总结：
   1. **用途：继承方法与属性**，React.Component能提供其它的钩子方法。
   2. **注意：可以指定属性**，用=号的方式。
   3. **强调：class不是对象。**
定义组件
*/
import React from "react";
import ReactDOM from "react-dom";

class Programmer {
    name = '程序员';
    writeCode() {
        console.log('写代码');
    }
}
class FrontEnd extends Programmer { }

const _pro = new Programmer()
console.log(_pro, 'pro');
const _frontEnd = new FrontEnd()
_frontEnd.writeCode()
const h1Node = (<div>
    {/* 使用上：函数式与类组件用法完全相同 */}


</div>)



// 渲染元素
// ReactDOM.render(创建的React元素,真实DOM作为挂载点)
ReactDOM.render(h1Node, document.getElementById('root'))